 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>登录</title>
    <link rel="shortcut icon " type="images/x-icon" href="/picture/index.jpg">
    <style>
      #zhan{
        width:100%;
        height:180px; 
        margin:0px;
      }
    
      #qu{
        text-align:center;
      }

      .a{
        margin-left:510px;
        text-align:center;
        width:315px;
      } 
        
      .aa{
        margin-left:0px;
        float:left;
      }
      
      .ac{
        float:right;
        margin-top:15px;
      }
      
      .ab{
        float:right;
        margin-top:15px;
      }
      
      
      .b{
        margin-left:510px;
        text-align:center;
        width:315px;
      } 
      
      .ba{
        float:left;
        margin-left:3px;
      }
      .bb{
        float:right;
        margin-right:0px;
      }
      .bc{
        float:right;
        margin-right:23px;
      }
      .bd{
        float:right;
        margin-right:20px;
      }
      .be{
        float:right;
        margin-right:20px;
      }
      
    </style>
  </head>
  <body>

    <div id="zhan"><img src="/logins/image/2017-06-24_145921.png"></div>
    @section('content')
    <form id="qu" action="/sign" method="post">
      <div class="a">
        <div class="aa"><span style ="font-size:30px;"><b>欢迎注册</b></span></div>
        <div class="ac"><a href="/login" style ="color:red; text-decoration:none;">立即登录</a></div>
        <div class="ab"><span style ="color:gray;">没有账号?</span></div>
        <br><br>
      </div>
      <br>
      <input type="text" name="username" placeholder="请输入用户名"  style="width:310px; height:35px; font-size:18px;">
      <br><br>
      <input type="password" name="password"  placeholder="6-16位密码,区分大小写,不能用空格" style="width:310px; height:35px; font-size:18px;">
      <br><br>
      <input type="password" name="repassword"  placeholder="6-16位密码,区分大小写,不能用空格" style="width:310px; height:35px; font-size:18px;">
      <br><br>
      <input type="text" name="phone"  placeholder="请正确输入手机号" style="width:310px; height:35px; font-size:18px;">
      <br><br>
      <!-- <input type="checkbox" name="rem" value="下次自动登录" checkbox="checkboxed" id="1"><label for="1" style ="color:gray"> 记住密码</label>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="/wjmm\index.html" style = "color:gray; text-decoration:none;">忘记密码</a>
      <br><br> -->
      <input type ="submit" value="注册" onmouseover = "this.style.backgroundColor='#FF6464';" onmouseout="this.style.backgroundColor='red';" style="  width:310px; height:50px; background-color:red; font-size:20px; border:1px; color:white;">
      <br><br>
      <div class="b">
        <div class="ba"><span style="color:gray; ">其他登录方式</span></div>
        <div class="bb"><a href="/erweima\erweima.html"><img src="/logins/image/2017-06-24_155635.png"></a></div>
        <div class="bc"><a href="https://api.weibo.com/oauth2/authorize?client_id=2788596354&response_type=code&scope=follow_app_official_microblog&forcelogin=false&redirect_uri=http%3A%2F%2Fpassport.mukewang.com%2Fuser%2Ftpcallback%3Freferer%3Dhttp%3A%2F%2Fwww.imooc.com%26browser_key%3D7017b6b26baf4baf956e4230a3f6ac30%26tp%3Dweibo%26bind%3D0###"><img onmouseover = "this.style.backgroundColor='#FF6464';" onmouseout="this.style.backgroundColor='red';" src="/logins/image/2017-06-24_155552.png"></a></div>
        <div class="bd"><a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx6b26b7c75e8f3e5a&redirect_uri=http%3A%2F%2Fwww.imooc.com%2Fpassport%2Fuser%2Ftpcallback%3Freferer%3Dhttp%3A%2F%2Fwww.imooc.com%26browser_key%3D7017b6b26baf4baf956e4230a3f6ac30%26tp%3Dweixin%26bind%3D0&response_type=code&scope=snsapi_login#wechat_redirect"><img src="/logins/image/2017-06-24_14591.png"></a></div>
        <div class="be">
        <a href="https://graph.qq.com/oauth/show?which=Login&display=pc&client_id=100490398&response_type=code&scope=get_user_info&redirect_uri=http%3A%2F%2Fpassport.mukewang.com%2Fuser%2Ftpcallback%3Freferer%3Dhttp%3A%2F%2Fwww.imooc.com%26browser_key%3D7017b6b26baf4baf956e4230a3f6ac30%26tp%3Dqq%26bind%3D0">
        <img src="/logins/image/2017-06-23_234206.png"></a></div>
      </div>
      {{csrf_field()}}
    </form>
    @show
    <div></div>
  </body>
</html>